﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>CamSchool Management Software</title>
    
    <!-- CSS -->
    <link href="application.css" rel="stylesheet">
    <link href="UI/metroUI/docs/css/metro-bootstrap.css" rel="stylesheet">
    <link href="UI/metroUI/docs/css/metro-bootstrap-responsive.css" rel="stylesheet">
    <link href="UI/metroUI/docs/css/iconFont.css" rel="stylesheet">
    <link href="UI/metroUI/docs/css/docs.css" rel="stylesheet">
    <link href="UI/metroUI/docs/js/prettify/prettify.css" rel="stylesheet">
    <link href="loadingAnimation.css" rel="stylesheet">
    

    <!-- Load JavaScript Libraries -->

    <script type="text/javascript" src="UI/metroUI/docs/js/jquery/jquery.min.js"></script>    
    <script src="UI/metroUI/docs/js/jquery/jquery.widget.min.js"></script>
    <script src="UI/metroUI/docs/js/jquery/jquery.mousewheel.js"></script>
    <script src="UI/metroUI/docs/js/prettify/prettify.js"></script>
    <!-- Metro UI CSS JavaScript plugins -->
    <script src="UI/metroUI/docs/js/load-metro.js"></script>
    <!-- Local JavaScript -->
    <script src="UI/metroUI/docs/js/docs.js"></script>
    <script src="UI/metroUI/docs/js/github.info.js"></script>    
    <script src="UI/metroUI/docs/js/metro.min.js"></script>
    <script src="loadingAnimation.js"></script>
    <script src="UI/metroUI/js/angular.js"></script>
    <script src="UI/metroUI/js/angular-route.js"></script>
    <script src="application.js"></script>
    <script src="UI/metroUI/js/metro-calendar.js"></script>
    <script src="UI/metroUI/js/metro-datepicker.js"></script>
</head>
<body ng-app="camSchoolApp" class="metro">

    <div id="employeeMainData">
        <div id="employeePersonalData">

            <div class="">
                <label class="addEmployeeLabel">Nom</label>
                <div id="employeeLastName" class="input-control text ">
                    <input id="employeeLastNameInput" type="text" />
                    <button class="btn-clear"></button>
                </div>
            </div>

            <div class="">
                <label class="addEmployeeLabel">Prénom</label>
                <div id="employeeFirstName" class="input-control text ">

                    <input id="employeeFirstNameInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="">

                <label class="addEmployeeLabel">Date de Naissance</label>
                <div id="employeeBirthday" class="input-control text "
                     data-role="datepicker">
                    <input id="employeeBirthdayInput" type="text" />
                    <button class="btn-date"></button>

                </div>

            </div>

            <div class="">

                <label class="addEmployeeLabel">Lieu de naissance</label>
                <div id="employeePlaceOfBirth" class="input-control text ">

                    <input id="employeePlaceOfBirthInput" type="text" />
                    <button class="btn-clear"></button>

                </div>
            </div>

            <div>
                <div class="input-control radio default-style" data-role="input-control">
                    <label>
                        <input type="radio" name="r1" checked />
                        <span class="check"></span>
                        Masculin
                    </label>
                </div>
                <div class="input-control radio  default-style" data-role="input-control">
                    <label>
                        <input type="radio" name="r1" />
                        <span class="check"></span>
                        Feminin
                    </label>
                </div>
            </div>

            <div class="">

                <label class="addEmployeeLabel">Statut matrimonial</label>
                <div id="employeeMaritalStatus" class="input-control text ">

                    <input id="employeeMaritalStatusInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>


            <div class="">

                <label class="addEmployeeLabel">Email</label>
                <div id="employeeEmail" class="input-control text ">

                    <input id="employeeEmailInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="">
                <label class="addEmployeeLabel">Profession</label>
                <div id="employeeProfession" class="input-control select ">
                    <select>
                        <option>Professeur</option>
                        <option>Surveillant</option>
                        <option>Surveillant général</option>
                        <option>Principal</option>
                        <option>Surveillant</option>
                        <option>Cuisinier</option>
                        <option>Agent de propreté</option>
                        <option>Gardien</option>
                    </select>
                </div>
            </div>

            <div class=" input-control switch">
                <label class="addEmployeeLabel truncate" title="Est professeur principal">Est professeur principal</label>
                <label class="addEmployeeLabel" id="isEmployeeClassPrincipal">
                    <input id="isEmployeeClassPrincipalInput" type="checkbox" />
                    <span class="check unchecked"></span>
                </label>
            </div>

            <div class="">
                <label class="addEmployeeLabel"> Classe</label>
                <div id="employeeTutilarClass" class="input-control select ">
                    <select>
                        <option>6eme A</option>
                        <option>6eme B</option>
                        <option>6eme C</option>
                        <option>6eme D</option>
                        <option>6eme E</option>
                        <option>6eme F</option>
                    </select>
                </div>
            </div>


            <div class="">

                <label class="addEmployeeLabel">Nr. travail</label>
                <div id="employeeWorkPhone" class="input-control text ">

                    <input id="employeeWorkPhoneInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>



        </div>
        <div id="employeeAdressData">

            <div class="">
                <label class="addEmployeeLabel">Nom de la Rue</label>
                <div id="employeeStreet" class="input-control text ">
                    <input id="employeeStreetInput" type="text" />
                    <button class="btn-clear"></button>
                </div>
            </div>

            <div class="">
                <label class="addEmployeeLabel">Ville</label>
                <div id="employeeCity" class="input-control text ">

                    <input id="employeeFirstCityInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="">

                <label class="addEmployeeLabel">Boite postale</label>
                <div id="employeeZipCode" class="input-control text ">

                    <input id="employeeZipCodeInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="">
                <label class="addEmployeeLabel">Pays</label>
                <div id="employeeCountry" class="input-control text ">
                    <input id="employeeCountryInput" type="text" />
                    <button class="btn-clear"></button>
                </div>
            </div>

            <div class="">
                <label class="addEmployeeLabel">Nr. portable</label>
                <div id="employeeCellPhone" class="input-control text ">

                    <input id="employeeCellPhoneInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="">
                <label class="addEmployeeLabel truncate" title="Personne à contacter en cas d'urgence">Personne à contacter en cas d'urgence</label>
                <div id="employeePersonToCallByEmergencyCase" class="input-control text ">
                    <input id="employeePersonToCallByEmergencyCaseInput" type="text" />
                    <button class="btn-clear"></button>
                </div>
            </div>

            <div class="">
                <label class="addEmployeeLabel truncate" title="Numero à appeller en cas d'urgence">Numero à appeller en cas d'urgence</label>
                <div id="employeeNumberToCallByEmergencyCase" class="input-control text ">

                    <input id="employeeNumberToCallByEmergencyCaseInput" type="text" />
                    <button class="btn-clear"></button>

                </div>

            </div>

            <div class="">
                <form action="http://localhost:1984/CamSchoolWebService/rest/fileServerService/upload?username=adddddd" method="post" enctype="multipart/form-data">

                    <label class="addEmployeeLabel">Foto de profil</label>

                    <input id="employeePictureInput" name="file" type="file" size="45" />
                    <input type="submit" value="Upload It" />
                </form>

                <button id="test" onclick="validateInputValueAndSaveEmployee()">test</button>

                <div class="">

                    <label class="addEmployeeLabel">Numero bancaire(IBAN)</label>
                    <div id="employeeMaritalStatus" class="input-control text ">

                        <input id="employeeMaritalStatusInput" type="text" />
                        <button class="btn-clear"></button>

                    </div>

                </div>


                <div class="">

                    <label class="addEmployeeLabel">Code bancaire(BIC)</label>
                    <div id="employeeEmail" class="input-control text ">

                        <input id="employeeEmailInput" type="text" />
                        <button class="btn-clear"></button>

                    </div>

                </div>


            </div>





            <button id="saveEdit" onclick="validateInputValueAndSaveEmployee()" class="small dialogFont">Sauvegarder</button>

        </div>
    </div>
    

    <div id="employeeSubjectList">

        <div id="employeeSubject">
            <!--show it only for professor-->
            <h1 id="professorSubjectTitle">Ses matiéres</h1>
            <label class="addEmployeeLabel" title="Ajouter une matiére a la liste">Ajouter une matiére a la liste</label>
            
                <select>
                    <option>Francais</option>
                    <option>Maths</option>
                    <option>Anglais</option>
                    <option>Histoire</option>
                    <option>Geographie</option>
                    <option>SVT</option>
                </select>
            </div>
            <div id="employeeClassSubject" class="input-control select ">
                <select>
                    <option>6eme A</option>
                    <option>6eme B</option>
                    <option>6eme C</option>
                    <option>6eme D</option>
                    <option>6eme E</option>
                    <option>6eme F</option>
                </select>
            </div>
            <button id="saveEdit" onclick="addSubjectToTheList()" class="small dialogFont">Ajouter</button>

            <table id="employeeSubjectTable"></table>
        </div>

    </div>

    

</body>
</html>